<!--
 * @Author: Bonnie
 * @Date: 2021-08-30 15:31:17
 * @LastEditTime: 2021-09-01 15:20:55
 * @LastEditors: Bonnie
 * @Description: In User Settings Edit
 * @FilePath: /custom/src/views/Home.vue
-->
<template>
  <div class="home">
    home
    <h3>{{date | formatTime }}</h3>
    <h3>{{num | formatMoney}}</h3>
    <h3>{{tel | formatTel}}</h3>
    <h3>{{idCard | formatIdCard}}</h3>
    <h3>{{word | formatUppercase}}</h3>
    <button @click="copy">toCopy</button>
    <Puzzle />
  </div>
</template>

<script>
import Puzzle from "./Puzzle";
export default {
  name: "Home",
  components: {
    Puzzle
  },
  data() {
    return {
      date: 1630390627015,
      num: 1234567890.297123,
      tel: "15206716494",
      idCard: "3708261991111111111",
      word: "about about!"
    };
  },
  mounted() {},
  methods: {
    copy(content, tips) {
      this.$copy(this.word);
    }
  }
};
</script>
<style lang="scss" scoped>
.loading {
  margin: 50px auto;
  width: 300px;
  height: 200px;
  border: 1px solid #eee;
  div {
    width: 100%;
    height: 100%;
  }
}
.ball-grid-pulse > div {
  background: orange;
}
</style>
